.header-bar{
  width: 100%;
  height: 100%;
  position: relative;
  .header-logo{
    width:180px;
    height:64px;
    display:inline-block;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
  }
  .custom-content-con{
    float: right;
    height: auto;
    color: #fff;
    line-height: 64px;
    height:64px;
    & > *{
      float: right;
    }
    .ivu-badge-count{
      top:10px;
    }
  }
  .header-nav{
    display:inline-block;
    height: 64px;
    overflow: hidden;
    a {
      width:80px;
      height: 64px;
      text-align: center;
      font-size: 14px;
      color: #fff;
      display:inline-block;
      &:hover,&.current{
        background: #464c5b;
      }
    }
  }
  .header-notice{
    width:48px;
    padding-left:10px;
    position: relative;
    &:hover{
      background-color: #298ef1;
    }
    &-dropdown{
      position: absolute;
      width: 320px;
      min-height: 276px;
      font-size: 14px;
      color:#F8F8F9;
      right: 0;
      top: 64px;
      padding: 0 16px;
      background-color: #464c5b;
    }
    &-head{
      line-height:50px;
    }
    &-body{
      height:182px;
      div{
        border-top:#515A6E 1px solid;
        height: 64px;
        line-height: 1.5;
        padding: 10px 0; 
        color: #C5C8CE;
        .msg{
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          a{
            color:#F8F8F9;
          }
        }
      }
    }
    &-footer{
      border-top:#515A6E 1px solid;
      text-align: center;
      line-height: 50px;
      a{
        color: #fff;
      }
    }
  }
}

